import React, { Component } from 'react'

export default class Hello extends Component {
  state = {
    count: 0
  }

  increment = () => {
    //写法一  同步
    //  React中的类组件的状态更改必须通过setState
    // this.setState({
    //   count: ++this.state.count
    // })
    //写法二  异步
    // this.setState(({ count }) => {
    //   return {
    //     count: ++count
    //   }
    // })
    //需求:网站标题跟随你的count的值发生变化
    this.setState(({ count }) => {
      return {
        count: ++count
      }
    }, () => {
      //能够的到最新值
      document.title = this.state.count
    })
  }
  render () {
    const { count } = this.state
    return (
      <div>
        <button onClick={this.increment}> + </button>
        <p> {count} </p>
      </div>
    )
  }
}
